<template>
	<view class="content">
		<!-- 顶部大图 -->
		<view class="top-image">
			<view class="image-wrapper">
				<image :src="shop.bigPic" class="loaded" mode="aspectFill"></image>
			</view>
		</view>
		<!-- 品牌信息 -->
		<view class="info">
			<view class="image-wrapper">
				<image :src="shop.logo" class="loaded" mode="aspectFit"></image>
			</view>
			<view class="title">
				<text>{{shop.name}}</text>
			</view>
		</view>
		<!-- 品牌故事 -->
		<separate-header txt="品牌故事"></separate-header>
		<view class="shop-story">
			<text class="text">{{shop.intro}}</text>
		</view>
		<!-- 相关商品 -->
		<separate-header txt="相关商品"></separate-header>
		<product-item-column :productList="productList"></product-item-column>
		
		<uni-load-more :status="loadingType"></uni-load-more>
	</view>
</template>

<script src = "./shop.js"></script>

<style lang="scss" src = "./shop.scss"></style>